<template>
    <div class="bid-data-table">
        <Table 
            ref='testRef2'
            :tableObj="tableObj2"
        ></Table> 
    </div>
</template>
<script>
import Table from "@/components/table";
import {tableData2} from '@/api/mock'
export default {
    components:{Table},
    data(){
        return {
            tableObj2:{
                id:'tabComp2',
                height:500,
                scrollY:{
                mode:'wheel',//避免出现固定列和页面其他表格列滚动不同步问题，
                gt:50,//指定大于指定行时自动启动纵向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭（注：启用纵向虚拟滚动之后将不能支持动态行高）
                },
                scrollX:{
                enabled:true,//默认开启
                gt:12,//指定大于指定列时自动启动横向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭（注：启用横向虚拟滚动之后将不能支持分组表头）
                },
                tableData:[],
                columnType:[
                    {
                        type:'column',
                        column:[
                            {
                                key:'col1',
                                title:'第1列',
                                width:120,
                            },
                            {
                                key:'col2',
                                title:'第2列',
                                width:120,
                            },
                            {
                                key:'col3',
                                title:'第3列',
                                width:120,
                            },
                            {
                                key:'col4',
                                title:'第4列',
                                width:120,
                            },
                            {
                                key:'col5',
                                title:'第5列',
                                width:120,
                            },
                            {
                                key:'col6',
                                title:'第6列',
                                width:120,
                            },
                            {
                                key:'col7',
                                title:'第7列',
                                width:120,
                            },
                            {
                                key:'col8',
                                title:'第8列',
                                width:120,
                            },
                            {
                                key:'col9',
                                title:'第9列',
                                width:120,
                            },
                            {
                                key:'col10',
                                title:'第10列',
                                width:120,
                            },
                            {
                                key:'col11',
                                title:'第11列',
                                width:120,
                            },
                            {
                                key:'col12',
                                title:'第12列',
                                width:120,
                            },
                            {
                                key:'col13',
                                title:'第13列',
                                width:120,
                            },
                            {
                                key:'col14',
                                title:'第14列',
                                width:120,
                            },
                            {
                                key:'col15',
                                title:'第15列',
                                width:120,
                            },
                            {
                                key:'col16',
                                title:'第16列',
                                width:120,
                            },
                            {
                                key:'col17',
                                title:'第17列',
                                width:120,
                            },
                            {
                                key:'col18',
                                title:'第18列',
                                width:120,
                            },
                            {
                                key:'col19',
                                title:'第19列',
                                width:120,
                            },
                            {
                                key:'col20',
                                title:'第20列',
                                width:120,
                            },
                            {
                                key:'col21',
                                title:'第21列',
                                width:120,
                                fixed:'right'
                            },
                            {
                                key:'col22',
                                title:'第22列',
                                width:120,
                                fixed:'right'
                            },
                        ]
                    }
                ]
            },
        }
    },
    mounted(){
        this.tableObj2.tableData=tableData2.tableData2;
    }
}
</script>